@charset utf-8;

body {
  margin: 0px;
  padding: 0px;
}

.dialog-box {
   position: absolute;
   left: 50%;
   top: 50%;
   height: 150px;
   overflow: hidden;
   z-index: 2;
   margin: -75px 0 0 -150px;
   border: 3px solid #C3C3C3;
   border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
   visibility: hidden;
}

.dialog-bgcover {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: 1;
   opacity: 0.5;
   filter: alpha(opacity=50);
   background: #000000;
   display: none;
}

.dialog-title {
   height: 30px;
   line-height: 30px;
   background: #87CAE7;
   text-indent: 5px;
   border-bottom: 1px solid #C3C3C3;
   color: #4B4B4B;
   font-weight: bold;
   opacity: 0.8;
   filter: alpha(opacity=80);
}

.dialog-advisory {
   height: 35px;
   background: #87CAE7;
   opacity: 0.8;
   filter: alpha(opacity=80);
}

.dialog-button {
   height: 26px;
   line-height: 26px;
   font-size: 12px;
   text-align: center;
   width: 50px;
   background: url('bubg.jpg') no-repeat 0 0;
   float: right;
   margin: 5px 10px 0 0;
   display: inline;
   cursor: pointer;
   color: #696969;
}

.dialog-content {
   background: #FFFFFF;
   color: #4B4B4B;
   clear: both;
   height: 85px;
}

.dialog-icon {
   float: left;
   display: inline;
   background: url("alert.png") no-repeat;
   height: 32px;
   width: 30px;
   margin: 25px 20px 0 30px;
}

.dialog-text {
   float: left;
   margin: 25px 10px 0 0;
   display: inline;
   height: 30px;
   line-height: 30px;
   overflow: hidden;
}

